<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" >
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../static/mdui/css/mdui.css" th:href="@{/static/mdui/css/mdui.css}"/>
    <style>
        #login_frame {
            width: 450px;
            height: 300px;
            padding: 15px;

            position:absolute;
            left: 47.5%;
            top: 51%;
            margin-left: -200px;
            margin-top: -200px;

            background-color: rgba(255, 255, 255, 0.5);

            border-radius: 10px;

        }
    </style>
</head>
<body background="http://images.server.com/bookstore/background3.png" style="background-size: cover;">
<div id="login_frame">
    <h2 style="margin-left: 120px;"><i class="mdui-icon material-icons">&#xe80c;</i>&nbsp;&nbsp;注册用户</h2>
    <form th:action="@{/admin/register}"  th:method="post" >
        <div>
            <div class="mdui-textfield mdui-textfield-floating-label" style="width: 80%;margin: 0 auto;">
                <i class="mdui-icon material-icons">account_circle</i>
                <label class="mdui-textfield-label">注册账号</label>
                <input class="mdui-textfield-input" type="text" id="loginUser" name="loginUser"/>
            </div>
            <div class="mdui-textfield mdui-textfield-floating-label" style="width: 80%;margin: 0 auto;">
                <i class="mdui-icon material-icons">lock</i>
                <label class="mdui-textfield-label" style="text-align: left;">注册密码</label>
                <input class="mdui-textfield-input" type="password" id="password" name="password"/>
            </div>
        </div>
        <br>
        <div id="control" style="text-align: center;margin-top: 10px;">
            <button name="register" style="margin-right:80px;" class="mdui-btn mdui-btn-raised mdui-ripple" onclick="javascript :history.back(-1);">返回</button>
            <input type="submit" name="submit" class="mdui-btn mdui-btn-raised mdui-ripple" value="注册">
        </div>
    </form>
</div>
<script src="//cdn.jsdelivr.net/npm/mdui@1.0.1/dist/js/mdui.min.js"></script>
</body>
</html>